.the-nav{
  height: 100%;
  display: flex;
  .nav-item{
    // margin: 0px 50px;
    padding: 0px 30px;
    // border-bottom: 1px solid var(--theme-color);
    .nav-title{
      margin-bottom: 0;
      cursor: pointer;
      padding: 20px 0;
      border-bottom: 2px solid transparent;
      min-width: 65px;
      text-align: center;

      color: #fff;
      &:hover{
        border-bottom: 2px solid #fff;
        color: #fff;
      }
    }
  }
}